<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API列表</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/common2.css">
    <link rel="stylesheet" href="../css/API-kind.css">
</head>
<body>
    <!-- 头部 -->
    <div class="head clearfix">
        <h1 class="head-logo fl">
            <a href="#"><img src="../imgs/new-logo-white2.png" alt=""></a>
        </h1>
        <div class="head-nav fl">
            <ul class="clearfix">
                <li><a href="../page/home.html">首页</a></li>
                <li class="active"><a href="#">API</a></li>
                <li><a href="../page/enterprise.html">案例</a></li>
            </ul>
        </div>
        <div class="head-button fr clearfix">
            <span class="head-register fr"><a class="clf" href="../page/register.html">注册有礼</a></span>
            <span class="head-login fr"><a class="cl6" href="../page/login.html">登录</a></span>
        </div>
    </div>

    <!-- API分类 -->
    <div class="APIkind container">
        <h2 class="fs20 fwn mb24"> API分类</h2>
        <div class="APIkind-list">
             <!-- <a href="#" name='身份证实名'>全部</a> -->
             <!-- <a href="#" name='银行卡'>生活服务</a>
            <a href="#" name='短信'>金融科技</a>
            <a href="#" name='天气'>交通地理</a>
            <a href="#" name='短信'>充值缴费</a>
            <a href="#" name='手机归属地'>数据智能</a>
            <a href="#" name='IP'>企业工商</a>
            <a href="#" name='手机归属地'>应用开发</a>
            <a href="#" name='IP'>电子商务</a>
            <a href="#" name='视频'>吃喝玩乐</a>
            <a href="#" name='视频'>文娱视频</a>
            <a href="#" name='短信' class="fwb">免费接口大全</a>
            <a href="#" name='身份证实名'>短信</a>
            <a href="#" name='银行卡'>汽车</a>
            <a href="#" name='银行卡'>核验</a>
            <a href="#" name='银行卡' class="fwb">最新发布</a>
            <a href="#" name='身份证实名' class="fwb">API私有化部署</a> -->
        </div>
    </div>

    <!-- API列表 -->
    <div class="APIlist container">
        <span class="APIlist-text fwb mr22">全部</span>
        <span>
            <input class="APIlist-input" type="text" placeholder="身份证实名">
            <img class="APIlist-search" src="../imgs/magnifier.png" alt="">
        </span>
        <ul class="APIlist-list clearfix">
        </ul>
    </div>

    <!-- 蒙层 -->
    <div class="mask">
        <div class="modal">
            <img src="../imgs/loginlogo.png" alt="">
            <p class="modal-title mtb00 fs16">
                <span class="modal-login active"><a href="#" class="cl9">账号登录</a></span>
                <span><a href="#" class="cl9">扫码登录</a></span>
            </p>
            <div class="modal-left bound">
                <div class="modal-lup">
                    <input class="modal-user" type="text" placeholder="用户名/手机号/邮箱"> 
                    <img src="../imgs/clearInput.png" alt="">
                    <p class="modal-uicon"></p>
                </div>
                <br>
                <div  class="modal-lup">
                    <input class="modal-pwd" type="password" placeholder="密码">
                    <img src="../imgs/clearInput.png" alt="">
                    <p class="modal-picon"></p>
                </div>
                <p class="modal-fog"><a href="#" class="cl00">忘记密码</a></p>
                <button>登录</button>
                <div class="modal-word">
                    <p class="modal-register">还没有源码账号，<span><a href="../page/register.html" class="cl00">立即注册</a></span></p>
                    <span class="modal-go"></span>
                </div>
                
            </div>
            
            <div class="modal-right bound"> 
                <div class="modal-ma">
                    <img src="../imgs/103-demo.png" alt="">
                    <p class="mtb20">微信扫码登录</p>
                    <p>未关注源码科技公众号，请先关注后再登录</p>
                </div>
                <div class="modal-word">
                    <p class="modal-register">还没有源码账号，<span><a href="../page/register.html" class="cl00">立即注册</a></span></p>
                    <span class="modal-go"></span>
                </div>
            </div> 
        </div>
    </div>

    <!-- 分页器 -->
    <div class="section container">
        <div class="section-span">
            <span class="active">1</span>
            <span><a href="#">2</a></span>
            <span><a href="#">3</a></span>
            <span><a href="#">4</a></span>
            <span><a href="#">5</a></span>
            <span><a href="#">6</a></span>
            <span><a href="#">7</a></span>
            <span><a href="#">8</a></span>
            <span>......</span>
            <span><a href="#" class="fs16 cl00">下一页></a></span>
        </div>
    </div>

    <!-- 尾部 -->
    <div class="foot-top">
        <div class="foot container clearfix">
            <div class="foot-left clearfix fl">
                <div class="fl mr80">
                    <h4 class="fs12 mb38 fwn">联系与支持</h4>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">售前咨询</a></li>
                        <li><a href="#">客服&售后</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">极速工单</a></li>
                        <li><a href="#">投诉与建议</a></li>
                    </ul>
                </div>
                <div class="fl mr80">
                    <h4 class="fs12 mb38 fwn">关于源码</h4>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">售前咨询</a></li>
                        <li><a href="#">客服&售后</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">极速工单</a></li>
                        <li><a href="#">投诉与建议</a></li>
                    </ul>
                </div>
                <div class="fl mr80">
                    <h4 class="fs12 mb38 fwn">快速入口</h4>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">售前咨询</a></li>
                        <li><a href="#">客服&售后</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">极速工单</a></li>
                        <li><a href="#">投诉与建议</a></li>
                    </ul>
                </div>
                <div class="fl mr80">
                    <h4 class="fs12 mb38 fwn">产品服务</h4>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">售前咨询</a></li>
                        <li><a href="#">客服&售后</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">极速工单</a></li>
                        <li><a href="#">投诉与建议</a></li>
                    </ul>
                </div>
                <div class="fl mr80">
                    <h4 class="fs12 mb38 fwn">解决方案</h4>
                    <ul>
                        <li><a href="#">400-882-7715</a></li>
                        <li><a href="#">售前咨询</a></li>
                        <li><a href="#">客服&售后</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">极速工单</a></li>
                        <li><a href="#">投诉与建议</a></li>
                    </ul>
                </div>
                <p>
                    <img class="mr8" src="../imgs/bei2.png" alt="">
                    <img class="mr10" src="../imgs/bei1.png" alt="">
                    增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
                </p>
            </div>
            <div class="foot-right fr">
                <h4 class="fs12 fwn">微信公众号</h4>
                <p class="fs12 clcc mtb14">源码时代</p>
                <img src="../imgs/wechat-white.png" alt="">
                <p class="mt70 cld1">源码大数据股份有限公司&copy;版权所有</p>
            </div>
        </div>
    </div>

    <script src="../lib/common.js"></script>
    <script src="../js/API-kind.js"></script>
</body>
</html>